my-profile{
  ion-header{
    ion-navbar.toolbar{
      min-height: 50px;
    }
    ion-title.my{
      padding: 0 1.6rem;
      .toolbar-title{
          text-align: left;
          font-family: PingFangSC-Semibold;
          font-size: 28px;
          color: #2A344E;
          padding-top: 15px;
          font-weight: bold;
      }
    }
  }
  ion-content{
    ion-row{
      padding: 10px 16px;
      ion-col{
        padding: 0 !important;
        .image{
          width: 64px;
          height: 64px;
          border-radius: 32px;
          float: right;
        }
        ion-list{
          margin: 0 !important;
          overflow: hidden;
          padding: 10px 0;
          border-bottom: 1px solid #EDEEF4;
          ion-item{
            float: left;
            padding-left: 0 !important;
            border: 0 !important;
            font-family: PingFangSC-Regular !important;
            font-size: 14px !important;
            color: #2A344E !important;
            .item-inner{
              border: 0 !important;
              padding: 0 !important;
            }
          }
          ion-item:nth-child(2){
            color: rgba(42, 52, 78, 0.6) !important;
            .item-inner{
              text-align: right;
            }
          }
        }
      }
      .title{
        font-family: PingFangSC-Semibold;
        font-size: 16px;
        color: #2A344E;
        font-weight: bold;
        padding: 6px 0 0 !important;
      }
    }
    .list-row{
      border-bottom: 8px solid rgba(190, 195, 213, 0.2);
      .name{
        font-family: PingFangSC-Semibold;
        font-size: 20px;
        color: #2A344E;
        font-weight: bold;
        padding-top: 20px !important;
      }
    }
    .list-border{
      border: 0;
    }
    .loginOut{
      margin: 10px auto 20px;
      font-size: 1.4rem;
      background: #42C6F6;
      width: 30%;
      color: #fff;
      text-align: center;
      padding: 10px 5px;
      border-radius: 5px;
    };
  }
}
